<!--
 * @Author: 贺楠 1071780426@qq.com
 * @Date: 2024-03-26 10:28:34
 * @LastEditors: 贺楠 1071780426@qq.com
 * @LastEditTime: 2024-03-26 15:55:42
 * @FilePath: \yjxa_zjnq\yjszsy\src\components\PCManage\holeDetectedData\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <!-- 小弹框 width:500,height:0.3,top:15%  -->
  <!-- 中弹框 width:800,height:0.5,top:10% -->
  <!-- 大弹框 width:1060,height:0.76,top:5% -->
  <!-- 超大弹框 width:1460,height:0.76,top:5% -->

  <FormLyout  :isSave="false">
      <template v-slot:formcon>
        <div style="height:95%; margin-bottom: 20px">
          <div class="tabs">
            <div
              v-for="(data, index) in typeData"
              :key="data.value"
              @click="changeType($event, index)"
            >
              <div
                class="btns"
                :style="{
                  color:
                    data.show === true ? 'rgba(0, 117, 255, 1)' : '#343639',
                  background: data.show === true ? '#E0EFFF' : '#fff',
                }"
              >
                {{ data.text }}
              </div>
            </div>
          </div>
  
          <div class="publicForm tableInfo"  v-if="typeData[0].show">
            <tableData
              :page="getList1.page"
              :pageSize="getList1.pageSize"
              height="100%"
              :config="table_config1"
              :dataList="tableData1"
              :loading="loading1"
              :info="queryCriteriaData1"
              :total="queryCriteriaData1.total"
              :pageNum.sync="getList1.page"
              :limit.sync="getList1.pageSize"
              @pagination="getDetail1(getList1)"
            />
          </div>
          <div class="publicForm tableInfo" v-if="typeData[1].show">
            <tableData
              :page="getList2.page"
              :pageSize="getList2.pageSize"
              height="100%"
              :config="table_config2"
              :dataList="tableData2"
              :loading="loading2"
              :info="queryCriteriaData2"
              :total="queryCriteriaData2.total"
              :pageNum.sync="getList2.page"
              :limit.sync="getList2.pageSize"
              @pagination="getDetail2(getList2)"
            />
          </div>
          <div class="publicForm tableInfo"  v-if="typeData[2].show">
            <tableData
              :page="getList3.page"
              :pageSize="getList3.pageSize"
              height="100%"
              :config="table_config3"
              :dataList="tableData3"
              :loading="loading3"
              :info="queryCriteriaData3"
              :total="queryCriteriaData3.total"
              :pageNum.sync="getList3.page"
              :limit.sync="getList3.pageSize"
              @pagination="getDetail3(getList2)"
            />
          </div>

        </div>
      </template>
    </FormLyout>
</template>

<script src="./index.js"></script>
<style lang="less" scoped>
@import "./index.less";
</style>
